<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Flat UI - Free Bootstrap Framework and Theme</title>
    <meta name="viewport" cont	ent="width=1000, initial-scale=1.0, maximum-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="${basePath}/css/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="${basePath}/css/flat-ui.min.css" rel="stylesheet">
    <link href="${basePath}/css/demo.css" rel="stylesheet">

    <link rel="shortcut icon" href="img/favicon.ico">
    <script src="${basePath}/js/jquery.min.js"></script>
    <script src="${basePath}/js/flat-ui.min.js"></script>
    <script src="${basePath}/js/application.js"></script>
  </head>
  <body style="background-image: url(img/login-background.jpg)">
    <div class="container">
      <div class="demo-headline">
        <h1 class="demo-logo">
          <div class="logo"></div>
          <small>记 录 生 活 .　发 现 同 好</small>
        </h1>
      </div>
      <div class="row demo-row">
      <div class="col-xs-offset-2 col-xs-8">
          <ul class="nav nav-tabs droptabs">
            <li class="active always-visible"><a href="#register" data-toggle="tab" style="width:185px;text-align: center;">注册</a></li>
            <li><a href="#login" data-toggle="tab" style="width:185px;text-align: center;">登录</a></li>
            <li><a href="#download" data-toggle="tab" style="width:185px;text-align: center;">下载</a></li>
        </ul>
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="tab-content">
                    <div class="tab-pane active" id="register" style="background-color:white;">Home tab</div>
                    <div class="tab-pane" id="login" style="background-color:white;">
                       <div class="row">
                         <div class="col-xs-7"  style="padding-top:40px;padding-left:20px;">
                           <form role="form" action="login!login.html">
                             <div class="form-group">
                               <input type="email" name="admin.username" id="inputEmail" class="form-control" placeholder="请输入邮件地址" required autofocus>
                               <input type="password" name="admin.password" id="inputPassword" class="form-control" placeholder="请输入密码" required autofocus>
                             </div>
                             <div class="form-group">
                               <button class="btn btn-sm btn-success btn-block" type="submit">登录</button>
                             </div>
                             <div class="row" style="margin-top:10px;">
                             <div class="form-group col-xs-4">
                                 <label class="checkbox" for="checkbox1">
                                  <input type="checkbox" data-toggle="checkbox" value="" id="checkbox1" required>
                                    记住密码
                                 </label>
                             </div>
                             <div class="col-xs-4 col-xs-offset-4">
                               <a href="#" style="font-size:15px;">忘记密码</a>
                             </div>
                             </div>
                           </form>
                         </div>
                         <div class="col-xs-1"  style="padding-top:40px;font-size:12px;"><div style="height:50px; background-color:gray;width:1px;"></div><br/>  或  <br/><div style="height:50px; background-color:gray;width:1px;"></div></div>
                         <div class="col-xs-4"  style="padding-top:40px;">
                           <div class="form-group">
                             <div class="btn-group">
                             <button type="button" class="btn btn-danger" style="width:140px;"><img src="img/sina1.png">   新浪微博登录</button>
                             </div>
                           </div>
                           <div class="form-group">
                             <div class="btn-group">
                             <button type="button" class="btn btn-primary" style="width:140px;"><img src="img/qq.png">   腾讯QQ登录</button>
                             </div>
                           </div>
                           <div class="form-group">
                             <div class="btn-group">
                             <button type="button" class="btn btn-info" style="width:140px;"><img src="img/pp.png">   人人账号登录</button>
                             </div>
                           </div>
                         </div>
                       </div>
                           <div class="alert alert-warning" role="alert">全面支持instagram照片备份，查看详情</div>
                    </div>
                    <div class="tab-pane" id="download" style="background-color:white;">Messages tab</div>
                </div>
            </div>
        </div>
      </div>
    </div>
    </div> <!-- /demo-headline -->
        <script type="text/javascript">
    $(".droptabs").droptabs({
        development:true
    });
    </script>
  </body>
</html>
